<template>
	<!--<task-item></task-item>-->
	<div ref='mapRef' class='cesium-wrapper'></div>
</template>

<script>
import TaskItem from 'src/components/TaskItem.vue'
import { onMounted, ref } from 'vue'
// import Cesium from 'cesium'
import { Viewer } from 'cesium';
// import "./css/main.css";



export default {
	name: 'foo',
	components: { TaskItem },
	setup() {
		const mapRef = ref(null)
		var viewer = null
		onMounted(() => {
			console.log('mapRef', mapRef)
			const viewer = new Viewer(mapRef.value);

		})



		return { mapRef }
	},
}
</script>

<style lang='scss' scoped>
.cesium-wrapper{
	height: 100%;
	width: 100%;
}
</style>
